<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!--[if lt ie 9]>
	<script src="../js/html5.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/reset.css">
</head>
<body>
	<header>
		<section class="header-inner">
			<img class="logo" src="images/logo_02.png" alt="">
			<ul class="nav">
				<li><a href="#">首页</a></li>
				<li><a href="#">双选会</a></li>
				<li><a href="#">用户中心</a></li>
				<li><a href="#">帮助</a></li>
			</ul>
			<section class="search">
				<a class="search-button" href="#"><img src="images/search_11.png" alt=""></a>
				<input type="text" style="width: 170px;height: 32px;padding: 0;margin: 0;">
			</section>
			<ul class="log">
				<li><a class="login" href="#">登陆</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</section>
	</header>
	<section class="banner clearfix">
        <img src="images/bannerone.jpg" alt="">
	</section>
	<section class="content clearfix">
		<section class="con-inner">
			<div class="con-top">				
				<h3>最新双选会</h3>
				<div class="list clearfix">
					<div class="college">
						<div class="col-top clearfix">
							<div class="province">
							吉
							</div>
							<div class="details">
								<a href="#">吉林大学2016届毕业生双选会</a>
								<p>主办方:凹凸人才网</p>
					    	</div>
                        </div>
                        <h6>2015年09月22号</h6>
                        <div class="like">
                        	<img src="images/like_03.png" alt="">
                        	<span>996</span>
                            <img class="people" src="images/people_03.png" alt="">
                            <span>17750</span>
                        </div>
                        <div class="enroll clearfix">
                        	<a href="#">点击报名</a>
                        </div>                  
					</div>
					<div class="college">
						<div class="col-top clearfix">
							<div class="province">
							吉
							</div>
							<div class="details">
								<a href="#">吉林大学2016届毕业生双选会</a>
								<p>主办方:凹凸人才网</p>
					    	</div>
                        </div>
                        <h6>2015年09月22号</h6>
                        <div class="like">
                        	<img src="images/like_03.png" alt="">
                        	<span>996</span>
                            <img class="people" src="images/people_03.png" alt="">
                            <span>17750</span>
                        </div>
                        <div class="enroll clearfix">
                        	<a href="#">点击报名</a>
                        </div>                  
					</div>
					<div class="college collegelast">
						<div class="col-top clearfix">
							<div class="province">
							吉
							</div>
							<div class="details">
								<a href="#">吉林大学2016届毕业生双选会</a>
								<p>主办方:凹凸人才网</p>
					    	</div>
                        </div>
                        <h6>2015年09月22号</h6>
                        <div class="like">
                        	<img src="images/like_03.png" alt="">
                        	<span>996</span>
                            <img class="people" src="images/people_03.png" alt="">
                            <span>17750</span>
                        </div>
                        <div class="enroll clearfix">
                        	<a href="#">点击报名</a>
                        </div>                  
					</div>
				</div>
				<div class="list clearfix">
					<div class="college">
						<div class="col-top clearfix">
							<div class="province">
							吉
							</div>
							<div class="details">
								<a href="#">吉林大学2016届毕业生双选会</a>
								<p>主办方:凹凸人才网</p>
					    	</div>
                        </div>
                        <h6>2015年09月22号</h6>
                        <div class="like">
                        	<img src="images/like_03.png" alt="">
                        	<span>996</span>
                            <img class="people" src="images/people_03.png" alt="">
                            <span>17750</span>
                        </div>
                        <div class="enroll clearfix">
                        	<a href="#">点击报名</a>
                        </div>                  
					</div>
					<div class="college">
						<div class="col-top clearfix">
							<div class="province">
							吉
							</div>
							<div class="details">
								<a href="#">吉林大学2016届毕业生双选会</a>
								<p>主办方:凹凸人才网</p>
					    	</div>
                        </div>
                        <h6>2015年09月22号</h6>
                        <div class="like">
                        	<img src="images/like_03.png" alt="">
                        	<span>996</span>
                            <img class="people" src="images/people_03.png" alt="">
                            <span>17750</span>
                        </div>
                        <div class="enroll clearfix">
                        	<a href="#">点击报名</a>
                        </div>                  
					</div>
					<div class="college collegelast">
						<div class="col-top clearfix">
							<div class="province">
							吉
							</div>
							<div class="details">
								<a href="#">吉林大学2016届毕业生双选会</a>
								<p>主办方:凹凸人才网</p>
					    	</div>
                        </div>
                        <h6>2015年09月22号</h6>
                        <div class="like">
                        	<img src="images/like_03.png" alt="">
                        	<span>996</span>
                            <img class="people" src="images/people_03.png" alt="">
                            <span>17750</span>
                        </div>
                        <div class="enroll clearfix">
                        	<a href="#">点击报名</a>
                        </div>                  
					</div>
                </div>
                <div class="more">
                	<a href="#">查看更多</a>
                </div>
            </div>
		</section>
		<div class="con-center">
			<h3>主办方</h3>
			<div class="sponsor">
				<a href="#">
					<img src="images/col_one_05.png" alt="">
				</a>
				<a href="#">
					<img src="images/col_two_05.png" alt="">
				</a>
				<a href="#">
					<img src="images/col_three_05.png" alt="">
				</a>
				<a href="#">
					<img src="images/col_four_09.jpg" alt="">
				</a>
				<a href="#">
					<img src="images/col_five_09.png" alt="">
				</a>
				<a href="#">
				    <img src="images/col_six_09.png" alt="">	
				</a>
		    </div>
		</div>
		<div class="con-bottom">
			<h3>热门企业</h3>
			<div class="enterprise">
				<a href="#"><img src="images/enterprise_a_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_b_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_c_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_d_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_e_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_f_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_g_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_h_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_i_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_j_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_k_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_l_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_m_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_n_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_o_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_p_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_q_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_r_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_s_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_t_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_u_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_l_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_m_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_a_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_d_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_j_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_c_03.png" alt=""></a>
				<a href="#"><img src="images/enterprise_r_03.png" alt=""></a>
			</div>
		</div>
	</section>
	<footer>
		<div class="footer-inner clearfix">
			<div class="auto">
				<h4>凹凸体系</h4>
				<ul>
					<li><a href="#">凹凸课</a></li>
					<li><a href="#">公益校园</a></li>
					<li><a href="#">校展传媒</a></li>
					<li><a href="#">凹凸人才网</a></li>
				</ul>
			</div>
			<div class="auto">
				<h4>使用帮助</h4>
				<ul>
					<li><a href="#">关于企业</a></li>
					<li><a href="#">关于学校</a></li>
					<li><a href="#">关于学生</a></li>
					<li><a href="#">关于账户</a></li>
				</ul>
			</div>
			<div class="auto autolast">
				<h4>关于我们</h4>
				<ul>
					<li><a href="#">产品介绍</a></li>
					<li><a href="#">意见反馈</a></li>
				</ul>
			</div>
			<div class="contact">
				<div class="follow">
			        <img src="images/QRcode_35.png" alt="">
			        <h4>关注autolink公众微信号</h4>
			    </div>
			    <div class="phone">
				    <img src="images/phone_53.png" alt="">
				    <h4>400-094-9988</h4>
			    </div>
			</div>		
		</div>
	</footer>
</body>
</html>